<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="lijun; 67086071; zwlijun@qq.com" />
<title>XLib.UI.SlidePanel</title>
<link href="css/api.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <table>
    <caption>Constructor Summary</caption>
    <tr>
      <th>SlidePanel</th>
      <td>XLib.UI.SlidePanel()</td>
      <td class="desc">构建一个新的SlidePanel实例。</td>
    </tr>
  </table>
  <table>
    <caption>Property Summary</caption>
    <tr>
      <th>int</th>
      <td>LEFT</td>
      <td class="desc">左布局</td>
    </tr>
    <tr>
      <th>int</th>
      <td>RIGHT</td>
      <td class="desc">右布局</td>
    </tr>
    <tr>
      <th>int</th>
      <td>TOP</td>
      <td class="desc">上布局</td>
    </tr>
    <tr>
      <th>int</th>
      <td>BOTTOM</td>
      <td class="desc">下布局</td>
    </tr>
  </table>
  <table>
    <caption>Method Summary</caption>
    <tr>
      <th>void</th>
      <td><a href="#init">init(Object config)</a></td>
      <td class="desc">初始化。</td>
    </tr>
    <tr>
      <th>void</th>
      <td><a href="#create">create(Array htmlItems)</a></td>
      <td class="desc">用传入的html项创建面板。</td>
    </tr>
    <tr>
      <th>void</th>
      <td><a href="#updateData">updateData(Array htmlItems)</a></td>
      <td class="desc">更新面板。</td>
    </tr>
  </table>
  <hr />
  <pre>
    <h4>void init(Object config)<a name="init"></a></h4>
    初始化。
    参数：config - 对象集
             {
                String id  panelId
                int width  内容宽度
                int height  内容高度
                int wayWidth  滑槽宽度
                int wayHeight  滑槽高度
                int barWidth  滑块宽度
                int barHeight  滑块高度
                int scrollSize  滚动偏移值
                int layout  布局方式
                String namespace  对象引用串
                Node target  目标对象
                Array cssTexts  样式
             }
    返回：
    示例：
  </pre>
  <pre>
    <h4>void create(Array htmlItems)<a name="create"></a></h4>
    用传入的html项创建面板。
    参数：htmlItems - html数组串
    返回：
    示例：
  </pre>
  <pre>
    <h4>void updateData(Array htmlItems)<a name="updateData"></a></h4>
    更新面板。
    参数：htmlItems - html数组串
    返回：
    示例：
  </pre>
  <pre>
完整示例：
var sp = new XLib.UI.SlidePanel();
sp.init({
    target : "sp_test",
    id : "sp0",
    width : 300,
    height : 120,
    wayWidth : 0,
    wayHeight : 120,
    barWidth : 8,
    barHeight : 20,
    scrollSize : 20,
    layout : sp.RIGHT,
    cssTexts : [
        '#sp_test .slide-panel{background-color:#DEDEDE;}',
        '#sp_test .slide-way{border-left:1px solid #686868; border-right:1px solid #fff;}',
        '#sp_test .slide-bar{background-color:yellow;}',
        '#sp_test .slide-bar-hover{background-color:red;}',
        '#sp_test .slide-bar-dis{background-color:gray;}'
    ]
});
sp.create([
  '&lt;p class="p"&gt;今日焦点：给群众贴标签才是别有用心 &lt;/p&gt;',
  '&lt;p class="p"&gt;今日专栏：连城管局长们都参加非法组织&lt;/p&gt;',
  '&lt;p class="p"&gt;今日思想：98.6%的中国富豪没问题？&lt;/p&gt;',
  '&lt;p class="p"&gt;今日社会：如果章子怡裸奔 我也裸奔 &lt;/p&gt;',
  '&lt;p class="p"&gt;民生日记：宁嫁农民工，不嫁男白领&lt;/p&gt;',
  '&lt;p class="p"&gt;燕山讲堂：雷颐 制度滞后与清王朝覆亡 &lt;/p&gt;',
  '&lt;p class="p"&gt;青年发帖举报遭起诉续：获1.68万国家赔偿 &lt;/p&gt;',
  '&lt;p class="p"&gt;网瘾少年被殴死调查：黑训练营两年盈利千万 &lt;/p&gt;',
  '&lt;p class="p"&gt;9岁男孩被逼捡垃圾赚钱供其父酗酒(图) &lt;/p&gt;',
  '&lt;p class="p"&gt;刘德华在官网承认结婚 向粉丝留言《对不起》 &lt;/p&gt;',
  '&lt;p class="p"&gt;日本大选进入最后冲刺 执政党选情堪忧(图) &lt;/p&gt;',
  '&lt;p class="p"&gt;胡润发布中国富豪特别报告：10年间17人入狱(图) &lt;/p&gt;',
  '&lt;p class="p"&gt;浙江规定交通肇事报警非自首 专家称有违刑法 &lt;/p&gt;',
  '&lt;p class="p"&gt;俄媒称中俄阿尔泰天然气管道建设被无限期冻结 &lt;/p&gt;',
  '&lt;p class="p"&gt;反价格垄断规定征求意见 价格同盟受法律约束 &lt;/p&gt;',
  '&lt;p class="p"&gt;发改委要求取消有线电视服务不合理收费 &lt;/p&gt;',
  '&lt;p class="p"&gt;人大官员称促进社会公平正义将成立法重点 &lt;/p&gt;',
  '&lt;p class="p"&gt;中石油受益于新定价机制 炼油业务扭亏为盈 &lt;/p&gt;'
]);
function doUpdate(){
    sp.updateData([
      '&lt;p class="p"&gt;今日焦点：给群众贴标签才是别有用心 &lt;/p&gt;',
      '&lt;p class="p"&gt;今日专栏：连城管局长们都参加非法组织&lt;/p&gt;',
      '&lt;p class="p"&gt;今日思想：98.6%的中国富豪没问题？&lt;/p&gt;',
      '&lt;p class="p"&gt;今日社会：如果章子怡裸奔 我也裸奔 &lt;/p&gt;',
      '&lt;p class="p"&gt;民生日记：宁嫁农民工，不嫁男白领&lt;/p&gt;',
      '&lt;p class="p"&gt;燕山讲堂：雷颐 制度滞后与清王朝覆亡 &lt;/p&gt;',
      '&lt;p class="p"&gt;青年发帖举报遭起诉续：获1.68万国家赔偿 &lt;/p&gt;',
      '&lt;p class="p"&gt;网瘾少年被殴死调查：黑训练营两年盈利千万 &lt;/p&gt;',
      '&lt;p class="p"&gt;9岁男孩被逼捡垃圾赚钱供其父酗酒(图) &lt;/p&gt;',
      '&lt;p class="p"&gt;刘德华在官网承认结婚 向粉丝留言《对不起》 &lt;/p&gt;',
      '&lt;p class="p"&gt;日本大选进入最后冲刺 执政党选情堪忧(图) &lt;/p&gt;',
      '&lt;p class="p"&gt;胡润发布中国富豪特别报告：10年间17人入狱(图) &lt;/p&gt;',
      '&lt;p class="p"&gt;浙江规定交通肇事报警非自首 专家称有违刑法 &lt;/p&gt;'
    ]);
}
  </pre>
</body>
</html>
